@import "~@css/mixing.less";

.lotteryModal {
  width: 623px;
  height: 815px;
  background: url("https://hsrj.obs.cn-south-1.myhuaweicloud.com/hsrj-web/activity2022/act20220322/lotteryModuleBg.png") 0 0 no-repeat;
  background-size: 100%;
  margin-top: -12px;
  .am-modal-content {
    box-sizing: border-box;
    background: none;
    overflow: visible;
    .am-modal-body {
      box-sizing: border-box;
      padding-right: 36px;
      overflow: visible;
      .content {
        width: 429px;
        height: 445px;
        margin: 230px auto 36px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        .contentItem {
          position: relative;
          width: 139px;
          height: 143px;
          display: flex;
          justify-content: center;
          align-items: center;
          background: #ccc;
          margin-bottom: 8px;
          border-radius: 10px;
          overflow: hidden;
          img {
            width: 100%;
            height: 100%;
          }
        }
        .action::after {
          display: block;
          content: "";
          width: 100%;
          height: 100%;
          background: rgba(#000, 0.5);
          position: absolute;
          top: 0px;
          left: 0px;
        }
      }
      .lotteryButton {
        width: 448px;
        height: 97px;
        margin: 0 auto;
        img {
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}
.resultModal {
  width: 567px;
  height: 694px;
  background: url("https://hsrj.obs.cn-south-1.myhuaweicloud.com/hsrj-web/activity2022/act20220322/lotteryResultBg.png") 0 0 no-repeat;
  background-size: 100%;
  .content {
    margin-top: 210px !important;
    margin-bottom: 0px !important;
    display: block !important;
    .resultDiscription {
      text-align: center;
      font-size: 36px;
      font-weight: 500;
      color: #ff0038;
      line-height: 52px;
    }
    .resultGift {
      width: 277px;
      height: 279px;
      margin: 26px auto 0px;
      border-radius: 8px;
      overflow: hidden;
      img {
        width: 100%;
        height: 100%;
      }
    }
  }
  .getGiftButton {
    width: 448px;
    height: 97px;
    margin: -34px auto 0px;
    img {
      width: 100%;
      height: 100%;
    }
  }
}
